<template>
	<!-- 调用组件 -->
	<home-header></home-header>
	<home-swipers :swiperList='swiperList'></home-swipers>
	<home-icons :IconList='IconList'></home-icons>
	<home-activity></home-activity>
	<home-happy></home-happy>
	<home-hot :HotList='HotList'></home-hot>
	<home-like :LikeList='LikeList'></home-like>
	<home-where :WhereList='WhereList'></home-where>
	<home-last></home-last>
	
</template>

<script>
	//引入Header.vue
	import HomeHeader from './pages/Header'
	import HomeSwipers from './pages/Swipers'
	import HomeIcons from './pages/Icons'
	import HomeActivity from './pages/Activity'
	import HomeHappy from './pages/Happy'
	import HomeHot from './pages/Hot'
	import HomeLike from './pages/Like'
	import HomeWhere from './pages/Where'
	import HomeLast from './pages/Last'
	import axios from 'axios'
	//导出组件 HomeHeader
	export default{
		components:{
			HomeHeader,
			HomeSwipers,
			HomeIcons,
			HomeActivity,
			HomeHappy,
			HomeHot,
			HomeLike,
			HomeWhere,
			HomeLast
			
			
		},
		data(){
			return{
				swiperList:[],
				IconList:[],
				HotList:[],
				LikeList:[],
				HotLists:[]
			}
		},
		mounted() {
			axios.get('./dataHome.json').then((res)=>{
				const msg=res.data.data[0];
				this.swiperList=msg.swiperList;
				this.IconList=msg.IconList;
				this.HotList=msg.HotList;
				this.LikeList=msg.LikeList;
				this.WhereList=msg.WhereList;
				console.log(this.HotList)
			})
		}
	}
</script>

<style scoped>
.home{
	background-color: #d6d6d6;
}	
</style>
